﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="slide3.ascx.cs" Inherits="Andy.Web.slide3" %>
<!-- Demo CSS -->
<%--<link rel="stylesheet" href="flex/demo.css" type="text/css" media="screen" />--%>
<link rel="stylesheet" href="flex/flexslider.css" type="text/css" media="screen" />

<!-- Modernizr -->
<%--<script src="js/modernizr.js"></script>--%>
<%--<div id="container" class="cf">--%>

<div id="main" role="main">
    <section class="slider">
        <div class="flexslider">
            <ul class="slides">
                <asp:Repeater runat="server" ID="rptSlide">
                    <ItemTemplate>
                        <li>
                            <img src="<%#Eval("DuongDan") %>" width="740" height="300">
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
    </section>

</div>

<%-- </div>--%>

<!-- jQuery -->
<%--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>--%>
<%--<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>--%>

<!-- FlexSlider -->
<script defer src="flex/jquery.flexslider.js"></script>

<script type="text/javascript">

    $(function () {
        // Call fitVid before FlexSlider initializes, so the proper initial height can be retrieved.
        $('.flexslider').flexslider({
            animation: "slide",
            start: function (slider) {
                $('body').removeClass('loading');
            }
        });
    });

    //$(window).load(function () {
    //    $('.flexslider').flexslider();
    //});
</script>

<!-- Optional FlexSlider Additions -->
<%-- <script src="flex/froogaloop.js"></script>
	<script src="flex/jquery.fitvid.js"></script>
	<script src="flex/demo.js"></script>--%>